import { useState } from "react"

function useToggle(v) {
    const [value, setBlnValue] = useState(v);

    const toggle = () => {
        setBlnValue(!value);
    }

    return {
        value,
        toggle
    }
}

export {useToggle}

/**
 * 自定义 hook 函数
 * 
 * step1. 编写一个 use 开头的函数。
 * step2. 函数内部编写封装逻辑。
 * step3. return 出去组件中用到的状态和方法。
 * step4. 组件中调用函数结构赋值使用。
 */